<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name = "viewport" content = "width = device-width, initial-scale = 1">      
    <link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <title>Salvia</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css" rel="">
    <!-- <link rel="stylesheet" href="css/specimen_list.css"> -->
    <!-- <link rel="stylesheet" href="css/myslider.css">
    <link rel="stylesheet" href="css/background.css"> -->
    <link rel="stylesheet" href="css/myslider.css">
    <link rel="stylesheet" href="css/background.css">
    <link rel="stylesheet" href="css/specimen_list.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
    
  <script type="text/javascript">
  $(function () { 
      $(".dropdown-trigger").dropdown();
       })
  //  $(".dropdown-trigger").dropdown();
  document.addEventListener('DOMContentLoaded', function() {
      var elems = document.querySelectorAll('.slider');
      var instances = M.Slider.init(elems, {'hight' : 770, 'indicators' : true,'interval':2000,'transition':200});
}); 


</script>
</head>
<body>
  <div class="container"> 
    <div class="row">
      <div class="col s12">
        <div class="card">
          <div class="img-card">
          <div class="card-title">
            <p class="center-align white-text">鼠 尾 草 属 植 物 种 质 资 源 信 息 库</p>
            <p class="center-align white-text">Salvia Germplasm Resources Database</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <ul id="dropdown1" class="dropdown-content">
    <li id="1"><a href="miaopu-1.html">活植物</a></li>
    <li class="divider"></li>
    <li id="2"><a href="miaopu-2.html">种子</a></li>
    <li class="divider"></li>
    <li id="3"><a href="miaopu-3.html">黄芩属</a></li>
  </ul>
  <nav>
    <div class="nav-wrapper purple lighten-3" >
      <div class="col s12">
        <a href="#!" class="brand-logo left">Salvia</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li class="col s1 active"><a href="index.html">主页</a></li>
          <li class="col s1"><a href="wuzhong.html">物种</a></li>
          <li class="col s1"><a href="biaoben.html">标本</a></li>
          <li class="col s1"><a href="fenbu.html">分布</a></li>
          <li><a class="col s1 dropdown-trigger" href="#!" data-target="dropdown1">苗圃资源库<i class="material-icons right">arrow_drop_down</i></a></li>
        <li class="col s1"><a href="zajiao.html">杂交选育</a></li>
        <li class="col s1"><a href="yanjiu.html">研究考察</a></li>
        <li class="col s1"><a href="video.html">影像</a></li>
        <li class="col s1"><a href="wenxian.html">文献资料</a></li>
      <li  page="index11.html" class="col s1"><a id="unamebtn" class="dropdown-button" data-activates="dropdown1" href="#"><span>未登录</span><i class="material-icons right">arrow_drop_down</i></a></li>
    </ul>
   </div>
    <a href="#" data-activates="slide-out" class="button-collapse hide-on-large-only"><i class="material-icons">menu</i></a>
  </div>  
</nav>
    
     <div class="slider"> 
        <ul class="slides">
          <li>
					  <img src="img/DSC_0265.JPG" class="responsive-img">
          </li>
          <li>
            <img src="img/DSC_1790.JPG" class="responsive-img">
          </li>
				  <li>
				    <img src="img/KUN_3985.JPG" class="responsive-img">
          </li>
          <li>
				   
				    <img src="img/S0631+四川康定+折多山.JPG" class="responsive-img">
          </li>
          <li>
           
            <img src="img/S1079+DSC_0494.JPG" class="responsive-img">
          </li>
          <li>
            <img src="img/Salvia.JPG" class="responsive-img">
          </li>
        </ul> 
      </div>
      <div class="col 12">
          <div class="card">
             <span class="white-text">
                Welcome
             </span>
             <p class="card-content block-text">
               在最新的CFH物种搜索页面上，我们提供了简易的搜索框，现在您可以键入物种的拉丁名、中文名、异名、别名，都无关紧要，点击搜索按钮，就可以很快搜索出符合条件的记录。每条物种记录都包括了物种的详细记录页面、物种相册、物种信息卡、Wiki知识链接等，非常实用。如果符合条件的记录很多，每次只返回100条记录，然后提供了“继续搜索”按钮，点击它，可以继续搜索，直到全部返回。
欢迎您将使用当中存在的问题反馈给我们。联系天南星或者我均可。
             </p>

            </div>

          </div>
      </div>
  </div>  
</body>

   
 

</html>
